
<!DOCTYPE HTML>
<html>
<head>
    <title>Brnd-logo Website Template | Home :: w3layouts</title>
    <link href="CSSPath/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="JSPath/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <link href="CSSPath/style.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="JSPath/move-top.js"></script>
    <script type="text/javascript" src="JSPath/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <script>
        $(function () {
            var pull = $('#pull');
            menu = $('nav ul');
            menuHeight = menu.height();
            $(pull).on('click', function (e) {
                e.preventDefault();
                menu.slideToggle();
            });
            $(window).resize(function () {
                var w = $(window).width();
                if (w > 320 && menu.is(':hidden')) {
                    menu.removeAttr('style');
                }
            });
        });
    </script>
    <!-- //End-top-nav-script -->
</head>
<body>
<!-- container -->
<div class="container" style="width:83%;">
    <!-- top-header -->
    <div class="top-header">
        <div class="logo">
            <a href="index.html"><img style="width: 680px;height:83px;margin-top: -67px" src="IMAGEPath/mylogo.jpg" title="barndlogo"/></a>
        </div>
        <div class="top-header-info">
            <div class="top-contact-info">
                <ul class="unstyled-list list-inline">
                    <li><span class="phone"> </span>090 - 223 44 66</li>
                    <li><span class="mail"> </span><a href="#">help@trendd.com</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="cart-details">
                <div class="add-to-cart">
                    <ul class="unstyled-list list-inline">
                        <li><span class="cart"> </span>
                            <ul class="cart-sub">
                                <li><p>0 Products</p></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="login-rigister">
                    <ul class="unstyled-list list-inline">
                        <li><a class="login" href="#">Login</a></li>
                        <li><a class="rigister" href="#">REGISTER <span> </span></a></li>
                        <div class="clearfix"></div>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- //top-header -->
    <!-- top-header-nav -->
    <div class="top-header-nav">
        <!-- start-top-nav -->
        <nav class="top-nav main-menu">
            <ul class="top-nav">
                <li><a href="products.html">商品 </a><span> </span></li>
                <li><a href="products.html">活動</a><span> </span></li>
                <li><a href="products.html">服務</a><span> </span></li>
                <li><a href="products.html">品牌</a><span> </span></li>
                <li><a href="products.html">ABOUT US</a></li>
                <div class="clearfix"></div>
            </ul>
            <a href="#" id="pull"><img src="IMAGEPath/nav-icon.png" title="menu"/></a>
        </nav>
        <!-- End-top-nav -->
        <!-- top-header-search-box -->
        <div class="top-header-search-box">
            <form>
                <input type="text" placeholder="Search">
                <input type="submit" value=" ">
            </form>
        </div>
        <!-- top-header-search-box -->
        <div class="clearfix"></div>
    </div>
</div>
<!-- //top-header-nav -->
<!-- start-slider-script -->
<script src="JSPath/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider4").responsiveSlides({
            auto: true,
            pager: true,
            nav: true,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });

    });
</script>

{__CONTENT__}

<div class="clearfix"></div>
<div class="content" style="margin-top: 50px">
    <!-- footer -->
    <div class="footer">
        <div class="container">
            <div class="col-md-3 footer-logo">
                <a href="index.html"><img src="IMAGEPath/flogo.png" title="brand-logo"/></a>
            </div>
            <div class="col-md-7 footer-links">
                <ul class="unstyled-list list-inline">
                    <li><a href="#"> Faq</a> <span> </span></li>
                    <li><a href="#"> Terms and Conditions</a> <span> </span></li>
                    <li><a href="#"> Secure Payments</a> <span> </span></li>
                    <li><a href="#"> Shipping</a> <span> </span></li>
                    <li><a href="contact.html"> Contact</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="col-md-2 footer-social">
                <ul class="unstyled-list list-inline">
                    <li><a class="pin" href="#"><span> </span></a></li>
                    <li><a class="twitter" href="#"><span> </span></a></li>
                    <li><a class="facebook" href="#"><span> </span></a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="clearfix"></div>
    <!-- footer -->
    <!-- copy-right -->
    <div class="container">
        <div class="row foot">
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">购物指南</a></li></strong>
                    <li><a href="xxxx">购物流程</a></li>
                    <li><a href="xxxx">会员介绍</a></li>
                    <li><a href="xxxx">生活旅行\团购</a></li>
                    <li><a href="xxxx">常见问题</a></li>
                    <li><a href="xxxx">联系客服</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">配送方式</a></li></strong>
                    <li><a href="xxxx">上门自提</a></li>
                    <li><a href="xxxx">211限时达</a></li>
                    <li><a href="xxxx">配送服务查询</a></li>
                    <li><a href="xxxx">配送收取标准</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">支付方式</a></li></strong>
                    <li><a href="xxxx">货到付款</a></li>
                    <li><a href="xxxx">在线支付</a></li>
                    <li><a href="xxxx">分期付款</a></li>
                    <li><a href="xxxx">邮局付款</a></li>
                    <li><a href="xxxx">公司转账</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">售后服务</a></li></strong>
                    <li><a href="xxxx">售后政策</a></li>
                    <li><a href="xxxx">价格保护</a></li>
                    <li><a href="xxxx">退款说明</a></li>
                    <li><a href="xxxx">返修\退换货</a></li>
                    <li><a href="xxxx">取消订单</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">特色服务</a></li></strong>
                    <li><a href="xxxx">夺宝岛</a></li>
                    <li><a href="xxxx">DIY装机</a></li>
                    <li><a href="xxxx">延保服务</a></li>
                    <li><a href="xxxx">京东E卡</a></li>
                    <li><a href="xxxx">京东通信</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 foot_text">
                <p>关于我们&nbsp;|&nbsp;联系我们&nbsp;|&nbsp;联系客服&nbsp;|&nbsp;合作招商&nbsp;|&nbsp;商家帮助&nbsp;|&nbsp;营销中心&nbsp;|&nbsp;友情链接&nbsp;|&nbsp;销售联盟&nbsp;|&nbsp;隐私政策 &nbsp;|&nbsp;京东公益</p>
                <p>京公网安备11000002000088号&nbsp;|&nbsp;京ICP证070359号&nbsp;|&nbsp;互联网药品信息服务资格证编号(京)-经营性-2014-0008&nbsp;|&nbsp;新出发京零&nbsp;|&nbsp;字第大120007号</p>
                <p>互联网出版许可证编号新出网证(京)字150号&nbsp;|&nbsp;出版物经营许可证&nbsp;|&nbsp; 网络文化经营许可证京网文[2014]2148-348号&nbsp;|&nbsp;违法和不良信息举报电话：4006561155</p>
                <p>Copyright © 2004 - 2017  京东JD.com&nbsp;|&nbsp;版权所有&nbsp;|&nbsp;消费者维权热线：4006067733&nbsp;|&nbsp;经营证照</p>
                <p>京东旗下网站：京东支付&nbsp;|&nbsp;京东云</p>
                <p><a class="ft1"></a> <a class="ft2"></a> <a class="ft3"></a> <a class="ft4"></a> <a class="ft5"></a> <a class="ft6"></a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>

